﻿@{
    ViewBag.Title = "Index";
}

<!doctype html>
<!--[if IE 9 ]><html class="ie9" lang="en"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
    <title>重庆南川土特产在线交易平台</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!--meta info-->
    <meta name="author" content="">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="icon" type="image/ico" href="../../PIC/index_m/fav.ico">
    <!--stylesheet include-->
    <link rel="stylesheet" type="text/css" media="all" href="../../CSS/index/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" media="all" href="../../CSS/index/camera.css">
    <link rel="stylesheet" type="text/css" media="all" href="../../CSS/index/owl.carousel.css">
    <link rel="stylesheet" type="text/css" media="all" href="../../CSS/index/owl.transitions.css">
    <link rel="stylesheet" type="text/css" media="all" href="../../CSS/index/jquery.custom-scrollbar.css">
    <link rel="stylesheet" type="text/css" media="all" href="../../CSS/index/style.css">
    <!--font include-->
    <link href="../../CSS/index/font-awesome.min.css" rel="stylesheet">
</head>
<body>
    <!--boxed layout-->
    <div class="boxed_layout relative w_xs_auto">
        <!--[if (lt IE 9) | IE 9]>
            <div style="background:#fff;padding:8px 0 10px;">
            <div class="container" style="width:1170px;"><div class="row wrapper"><div class="clearfix" style="padding:9px 0 0;float:left;width:83%;"><i class="fa fa-exclamation-triangle scheme_color f_left m_right_10" style="font-size:25px;color:#e74c3c;"></i><b style="color:#e74c3c;">Attention! This page may not display correctly.</b> <b>You are using an outdated version of Internet Explorer. For a faster, safer browsing experience.</b></div><div class="t_align_r" style="float:left;width:16%;"><a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode" class="button_type_4 r_corners bg_scheme_color color_light d_inline_b t_align_c" target="_blank" style="margin-bottom:2px;">Update Now!</a></div></div></div></div>
        <![endif]-->
        <!--页眉-->
        <header role="banner">
            <!--header top part-->
            <section class="h_top_part">
                <div class="container">
                    <div class="row clearfix">
                        <div class="col-lg-4 col-md-4 col-sm-5 t_xs_align_c">
                            <p class="f_size_small">欢迎！您可以	<a href="../Home/Logon">登录</a> 或 <a href="../Home/Logon">免费注册</a> </p>
                        </div>
                        <div class="col-lg-4 col-md-4 col-sm-2 t_align_c t_xs_align_c">
                            <p class="f_size_small">热线电话: <b class="color_dark">(023) 1234-4567</b></p>
                        </div>
                        <nav class="col-lg-4 col-md-4 col-sm-5 t_align_r t_xs_align_c">
                            <ul class="d_inline_b horizontal_list clearfix f_size_small users_nav">
                                <li><a href="#" class="default_t_color">我的中心</a></li>
                                <li><a href="#" class="default_t_color">订单</a></li>
                                <li><a href="#" class="default_t_color">帮助</a></li>
                                <li><a href="#" class="default_t_color">关于我们</a></li>

                            </ul>
                        </nav>
                    </div>
                </div>
            </section>
            <!--header bottom part-->
            <section class="h_bot_part container">
                <div class="clearfix row">
                    <div class="col-lg-6 col-md-6 col-sm-4 t_xs_align_c">
                        <a href="../Front/Index" class="logo m_xs_bottom_15 d_xs_inline_b">
                            <img src="../../PIC/index_m/logo.png" alt="">
                        </a>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-8 t_align_r t_xs_align_c">
                        <ul class="d_inline_b horizontal_list clearfix t_align_l site_settings">
                            <!--like-->
                            <li style=" margin-left: 12px; font-family: \5FAE\8F6F\96C5\9ED1, \9ED1\4F53; color: #999999;">
                                <img src="../../PIC/index_m/top_ico11.png" />
                                <br />原产地
                            </li>
                            <li style="float: left; margin-left: 12px; font-family: \5FAE\8F6F\96C5\9ED1, \9ED1\4F53; color: #999999;">
                                <img src="../../PIC/index_m/top_ico12.png" />
                                <br />有保障
                            </li>
                            <li style="float: left; margin-left: 12px; font-family: \5FAE\8F6F\96C5\9ED1, \9ED1\4F53; color: #999999;">
                                <img src="../../PIC/index_m/top_ico13.png" />
                                <br />有信誉
                            </li>
                            <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
                            <li>
                                <a role="button" href="#" class="button_type_1 color_dark d_block bg_light_color_1 r_corners tr_delay_hover box_s_none"><i class="fa fa-heart-o f_size_ex_large"></i><span class="count circle t_align_c">12</span></a>
                            </li>
                            <li class="m_left_5">
                                <a role="button" href="#" class="button_type_1 color_dark d_block bg_light_color_1 r_corners tr_delay_hover box_s_none"><i class="fa fa-files-o f_size_ex_large"></i><span class="count circle t_align_c">3</span></a>
                            </li>
                            <li class="m_left_5 relative container3d" id="shopping_button">
                                <a role="button" href="#" class="button_type_3 color_light bg_scheme_color d_block r_corners tr_delay_hover box_s_none">
                                    <span class="d_inline_middle shop_icon m_mxs_right_0">
                                        <i class="fa fa-shopping-cart"></i>
                                        <span class="count tr_delay_hover type_2 circle t_align_c">3</span>
                                    </span>
                                    <b class="d_mxs_none">$355</b>
                                </a>
                                <div class="shopping_cart top_arrow tr_all_hover r_corners">
                                    <div class="f_size_medium sc_header">Recently added item(s)</div>
                                    <ul class="products_list">
                                        <li>
                                            <div class="clearfix">
                                                <!--product image-->
                                                <img class="f_left m_right_10" src="../../PIC/index_m/shopping_c_img_1.jpg" alt="">
                                                <!--product description-->
                                                <div class="f_left product_description">
                                                    <a href="#" class="color_dark m_bottom_5 d_block">Cursus eleifend elit aenean auctor wisi et urna</a>
                                                    <span class="f_size_medium">Product Code PS34</span>
                                                </div>
                                                <!--product price-->
                                                <div class="f_left f_size_medium">
                                                    <div class="clearfix">
                                                        1 x <b class="color_dark">$99.00</b>
                                                    </div>
                                                    <button class="close_product color_dark tr_hover"><i class="fa fa-times"></i></button>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="clearfix">
                                                <!--product image-->
                                                <img class="f_left m_right_10" src="../../PIC/index_m/shopping_c_img_2.jpg" alt="">
                                                <!--product description-->
                                                <div class="f_left product_description">
                                                    <a href="#" class="color_dark m_bottom_5 d_block">Cursus eleifend elit aenean auctor wisi et urna</a>
                                                    <span class="f_size_medium">Product Code PS34</span>
                                                </div>
                                                <!--product price-->
                                                <div class="f_left f_size_medium">
                                                    <div class="clearfix">
                                                        1 x <b class="color_dark">$99.00</b>
                                                    </div>
                                                    <button class="close_product color_dark tr_hover"><i class="fa fa-times"></i></button>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="clearfix">
                                                <!--product image-->
                                                <img class="f_left m_right_10" src="../../PIC/index_m/shopping_c_img_3.jpg" alt="">
                                                <!--product description-->
                                                <div class="f_left product_description">
                                                    <a href="#" class="color_dark m_bottom_5 d_block">Cursus eleifend elit aenean auctor wisi et urna</a>
                                                    <span class="f_size_medium">Product Code PS34</span>
                                                </div>
                                                <!--product price-->
                                                <div class="f_left f_size_medium">
                                                    <div class="clearfix">
                                                        1 x <b class="color_dark">$99.00</b>
                                                    </div>
                                                    <button class="close_product color_dark tr_hover"><i class="fa fa-times"></i></button>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                    <!--total price-->
                                    <ul class="total_price bg_light_color_1 t_align_r color_dark">
                                        <li class="m_bottom_10">Tax: <span class="f_size_large sc_price t_align_l d_inline_b m_left_15">$0.00</span></li>
                                        <li class="m_bottom_10">Discount: <span class="f_size_large sc_price t_align_l d_inline_b m_left_15">$37.00</span></li>
                                        <li>Total: <b class="f_size_large bold scheme_color sc_price t_align_l d_inline_b m_left_15">$999.00</b></li>
                                    </ul>
                                    <div class="sc_footer t_align_c">
                                        <a href="#" role="button" class="button_type_4 d_inline_middle bg_light_color_2 r_corners color_dark t_align_c tr_all_hover m_mxs_bottom_5">View Cart</a>
                                        <a href="#" role="button" class="button_type_4 bg_scheme_color d_inline_middle r_corners tr_all_hover color_light">Checkout</a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </section>
            <!--main menu container-->
            <section class="menu_wrap relative">
                <div class="container clearfix">
                    <!--button for responsive menu-->
                    <button id="menu_button" class="r_corners centered_db d_none tr_all_hover d_xs_block m_bottom_10">
                        <span class="centered_db r_corners"></span>
                        <span class="centered_db r_corners"></span>
                        <span class="centered_db r_corners"></span>
                    </button>
                    <!--main menu-->
                    <nav role="navigation" class="f_left f_xs_none d_xs_none">
                        <ul class="horizontal_list main_menu clearfix">
                            <li class="relative f_xs_none m_xs_bottom_5">
                                <a href="../Front/Index" class="tr_delay_hover color_light tt_uppercase"><b>特色推荐</b></a>
                                <!--sub menu-->
                                <div class="sub_menu_wrap top_arrow d_xs_none tr_all_hover clearfix r_corners w_xs_auto">
                                    <div class="f_left f_xs_none">
                                        <b class="color_dark m_left_20 m_bottom_5 m_top_5 d_inline_b">销量TOP</b>
                                        <ul class="sub_menu first">
                                            <li><a class="color_dark tr_delay_hover" href="../Front/Tea"><i class="fa fa-coffee"></i>&nbsp;&nbsp;清新茶类</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="../Front/Rice"><i class="fa fa-pagelines"></i>&nbsp;&nbsp;五谷杂粮</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="../Front/Meat"><i class="fa fa-cutlery"></i>&nbsp;&nbsp;营养肉类</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="../Front/Jfood"><i class="fa fa-beer"></i>&nbsp;&nbsp;可口小吃</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="../Front/Fruit"><i class="fa fa-lemon-o"></i>&nbsp;&nbsp;清新瓜果</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="../Front/Gift"><i class="fa fa-gift"></i>&nbsp;&nbsp;精致物件</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="../Front/Aboutus"><i class="fa fa-map-marker"></i>&nbsp;&nbsp;关于我们</a></li>
                                        </ul>
                                    </div>
                                    <div class="f_left f_xs_none">
                                        <b class="color_dark m_left_20 m_bottom_5 m_top_5 d_inline_b">购物指南</b>
                                        <ul class="sub_menu first">
                                            <li><a class="color_dark tr_delay_hover" href="#">账户自助服务</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="#">新账户注册</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="#">配送说明</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="#">怎么样下订单</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="#">支付方式</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="#">帮助中心</a></li>
                                        </ul>
                                    </div>
                                    <div class="f_left m_left_10 m_xs_left_0 f_xs_none">
                                        <b class="color_dark m_left_20 m_bottom_5 m_top_5 d_inline_b">友情链接</b>
                                        <ul class="sub_menu">
                                            <li><a class="color_dark tr_delay_hover" href="http://baike.baidu.com/link?url=1vX5bkJWaR959SOxZ4aDuSMtkdmejRof-UZxgWeqxpXDoJTSmdH27izaIcxWhrYhw6CuZxc24XWjQkfxizj_T_">关于重庆南川区</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="http://baike.baidu.com/link?url=Gyk8YUvNsGfopzUosACtfVB0GTSUYEwC1IRlrWcse1wIPaWQfgaPLhEfxOfEw_BhlogXxV1GQyOwgZIfRvFE8yF9lby7JDCD6sqCRTT5U8O">美丽的重庆</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="http://www.bytravel.cn/view/top10/index729.html">南川十大景点</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="http://www.cqnc.gov.cn/">重庆南川政府</a></li>
                                            <li><a class="color_dark tr_delay_hover" href="http://trip.elong.com/nanchuan/">南川旅游攻略</a></li>
                                        </ul>
                                    </div>
                                    <img src="../../PIC/index_m/woman_image_1.jpg" class="d_sm_none f_right m_bottom_10" alt="">
                                </div>
                            </li>
                            <li class="relative f_xs_none m_xs_bottom_5">
                                <a href="../Front/Tea" class="tr_delay_hover color_light tt_uppercase"><b>清新茶类</b></a>
                            </li>
                            <li class="relative f_xs_none m_xs_bottom_5">
                                <a href="../Front/Rice" class="tr_delay_hover color_light tt_uppercase"><b>五谷杂粮</b></a>

                            </li>
                            <li class="current relative f_xs_none m_xs_bottom_5">
                                <a href="../Front/Meat" class="tr_delay_hover color_light tt_uppercase"><b>营养肉类</b></a>
                            </li>
                            <li class="relative f_xs_none m_xs_bottom_5">
                                <a href="../Front/Jfood" class="tr_delay_hover color_light tt_uppercase"><b>可口小吃</b></a>
                            </li>
                            <li class="relative f_xs_none m_xs_bottom_5">
                                <a href="../Front/Fruit" class="tr_delay_hover color_light tt_uppercase"><b>新鲜瓜果</b></a>
                            </li>
                            <li class="relative f_xs_none m_xs_bottom_5">
                                <a href="../Front/Gift" class="tr_delay_hover color_light tt_uppercase"><b>精致物件</b></a>
                            </li>
                            <li class="relative f_xs_none m_xs_bottom_5"><a href="../Front/Aboutus" class="tr_delay_hover color_light tt_uppercase"><b>关于南川</b></a></li>
                        </ul>
                    </nav>
                    <button class="f_right search_button tr_all_hover f_xs_none d_xs_none">
                        <i class="fa fa-search"></i>
                    </button>
                </div>
                <!--search form-->
                <div class="searchform_wrap tf_xs_none tr_all_hover">
                    <div class="container vc_child h_inherit relative">
                        <form role="search" class="d_inline_middle full_width">
                            <input type="text" name="search" placeholder="请输入搜索内容" class="f_size_large">
                        </form>
                        <button class="close_search_form tr_all_hover d_xs_none color_dark">
                            <i class="fa fa-times"></i>
                        </button>
                    </div>
                </div>
            </section>
        </header>
        <div class="page_content_offset">
            <div class="container">
                <div class="row clearfix">
                    <!--left content column-->
                    <section class="col-lg-9 col-md-9 col-sm-9">
                        <img class="r_corners m_bottom_40" src="../../PIC/Tea/category_img_1z1.jpg" alt="">
                        <!--sort-->
                        <div class="row clearfix m_bottom_10">
                            <div class="col-lg-7 col-md-8 col-sm-12 m_sm_bottom_10">
                                <p class="d_inline_middle f_size_medium">Sort by:</p>
                                <div class="clearfix d_inline_middle m_left_10">
                                    <!--product name select-->
                                    <div class="custom_select f_size_medium relative f_left">
                                        <div class="select_title r_corners relative color_dark">Product name</div>
                                        <ul class="select_list d_none"></ul>
                                        <select name="product_name">
                                            <option value="Product SKU">Product SKU</option>
                                            <option value="Product Price">Product Price</option>
                                            <option value="Product ID">Product ID</option>
                                        </select>
                                    </div>
                                    <button class="button_type_7 bg_light_color_1 color_dark tr_all_hover r_corners mw_0 box_s_none bg_cs_hover f_left m_left_5"><i class="fa fa-sort-amount-asc m_left_0 m_right_0"></i></button>
                                </div>
                                <!--manufacturer select-->
                                <div class="custom_select f_size_medium relative d_inline_middle m_left_15 m_xs_left_5 m_mxs_left_0 m_mxs_top_10">
                                    <div class="select_title r_corners relative color_dark">Select manufacturer</div>
                                    <ul class="select_list d_none"></ul>
                                    <select name="manufacturer">
                                        <option value="Manufacture 1">Manufacture 1</option>
                                        <option value="Manufacture 2">Manufacture 2</option>
                                        <option value="Manufacture 3">Manufacture 3</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-5 col-md-4 col-sm-12 t_align_r t_sm_align_l">
                                <!--grid view or list view-->
                                <p class="d_inline_middle f_size_medium m_right_5">View as:</p>
                                <div class="clearfix d_inline_middle">
                                    <button class="button_type_7 bg_scheme_color color_light tr_delay_hover r_corners mw_0 box_s_none bg_cs_hover f_left"><i class="fa fa-th m_left_0 m_right_0"></i></button>
                                    <button class="button_type_7 bg_light_color_1 color_dark tr_delay_hover r_corners mw_0 box_s_none bg_cs_hover f_left m_left_5"><i class="fa fa-th-list m_left_0 m_right_0"></i></button>
                                </div>
                            </div>
                        </div>
                        <hr class="m_bottom_10 divider_type_3">
                        <div class="row clearfix m_bottom_15">
                            <div class="col-lg-7 col-md-7 col-sm-8 col-xs-12 m_xs_bottom_10">
                                <p class="d_inline_middle f_size_medium d_xs_block m_xs_bottom_5">Results 1 - 5 of 45</p>
                                <p class="d_inline_middle f_size_medium m_left_20 m_xs_left_0">Show:</p>
                                <!--show items per page select-->
                                <div class="custom_select f_size_medium relative d_inline_middle m_left_5">
                                    <div class="select_title r_corners relative color_dark">9</div>
                                    <ul class="select_list d_none"></ul>
                                    <select name="show">
                                        <option value="Manufacture 1">6</option>
                                        <option value="Manufacture 2">3</option>
                                        <option value="Manufacture 3">1</option>
                                    </select>
                                </div>
                                <p class="d_inline_middle f_size_medium m_left_5">items per page</p>
                            </div>
                            <div class="col-lg-5 col-md-5 col-sm-4 col-xs-12 t_align_r t_xs_align_l">
                                <!--pagination-->
                                <a role="button" href="#" class="button_type_10 color_dark d_inline_middle bg_cs_hover bg_light_color_1 t_align_c tr_delay_hover r_corners box_s_none"><i class="fa fa-angle-left"></i></a>
                                <ul class="horizontal_list clearfix d_inline_middle f_size_medium m_left_10">
                                    <li class="m_right_10"><a class="color_dark" href="#">1</a></li>
                                    <li class="m_right_10"><a class="scheme_color" href="#">2</a></li>
                                    <li class="m_right_10"><a class="color_dark" href="#">3</a></li>
                                </ul>
                                <a role="button" href="#" class="button_type_10 color_dark d_inline_middle bg_cs_hover bg_light_color_1 t_align_c tr_delay_hover r_corners box_s_none"><i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
                        <!--products-->
                        <section class="products_container category_grid clearfix m_bottom_15">
                            <!--product item-->
                            <div class="product_item hit w_xs_full">
                                <figure class="r_corners photoframe type_2 t_align_c tr_all_hover shadow relative">
                                    <!--product preview-->
                                    <a href="#" class="d_block relative wrapper pp_wrap m_bottom_15">
                                        <img src="../../PIC/Tea/product_img_1.jpg" class="tr_all_hover" alt="">
                                        <span role="button" data-popup="#quick_view_product" class="button_type_5 box_s_none color_light r_corners tr_all_hover d_xs_none">Quick View</span>
                                    </a>
                                    <!--description and price of product-->
                                    <figcaption>
                                        <h5 class="m_bottom_10"><a href="#" class="color_dark">Eget elementum vel</a></h5>
                                        <!--rating-->
                                        <ul class="horizontal_list d_inline_b m_bottom_10 clearfix rating_list type_2 tr_all_hover">
                                            <li class="active">
                                                <i class="fa fa-star-o empty tr_all_hover"></i>
                                                <i class="fa fa-star active tr_all_hover"></i>
                                            </li>
                                            <li class="active">
                                                <i class="fa fa-star-o empty tr_all_hover"></i>
                                                <i class="fa fa-star active tr_all_hover"></i>
                                            </li>
                                            <li class="active">
                                                <i class="fa fa-star-o empty tr_all_hover"></i>
                                                <i class="fa fa-star active tr_all_hover"></i>
                                            </li>
                                            <li class="active">
                                                <i class="fa fa-star-o empty tr_all_hover"></i>
                                                <i class="fa fa-star active tr_all_hover"></i>
                                            </li>
                                            <li>
                                                <i class="fa fa-star-o empty tr_all_hover"></i>
                                                <i class="fa fa-star active tr_all_hover"></i>
                                            </li>
                                        </ul>
                                        <p class="scheme_color f_size_large m_bottom_15">$102.00</p>
                                        <button class="button_type_4 bg_scheme_color r_corners tr_all_hover color_light mw_0 m_bottom_15">Add to Cart</button>
                                        <div class="clearfix m_bottom_5">
                                            <ul class="horizontal_list d_inline_b l_width_divider">
                                                <li class="m_right_15 f_md_none m_md_right_0"><a href="#" class="color_dark">Add to Wishlist</a></li>
                                                <li class="f_md_none"><a href="#" class="color_dark">Add to Compare</a></li>
                                            </ul>
                                        </div>
                                    </figcaption>
                                </figure>
                            </div>
                            <!--product item-->
                            <div class="product_item featured w_xs_full">
                                <figure class="r_corners photoframe tr_all_hover type_2 t_align_c shadow relative">
                                    <!--product preview-->
                                    <a href="#" class="d_block relative wrapper pp_wrap m_bottom_15">
                                        <img src="../../PIC/Tea/product_img_2.jpg" class="tr_all_hover" alt="">
                                        <span role="button" data-popup="#quick_view_product" class="button_type_5 box_s_none color_light r_corners tr_all_hover d_xs_none">Quick View</span>
                                    </a>
                                    <!--description and price of product-->
                                    <figcaption>
                                        <h5 class="m_bottom_10"><a href="#" class="color_dark">Ut tellus dolor dapibus</a></h5>
                                        <div class="clearfix m_bottom_15">
                                            <!--rating-->
                                            <ul class="horizontal_list type_2 m_bottom_10 d_inline_b clearfix rating_list tr_all_hover">
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li>
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                            </ul>
                                            <p class="scheme_color f_size_large">$57.00</p>
                                        </div>
                                        <div class="clearfix">
                                            <button class="button_type_4 bg_scheme_color r_corners tr_all_hover color_light mw_0 m_bottom_15">Add to Cart</button>
                                        </div>
                                        <div class="clearfix m_bottom_5">
                                            <ul class="horizontal_list d_inline_b l_width_divider">
                                                <li class="m_right_15 f_md_none m_md_right_0"><a href="#" class="color_dark">Add to Wishlist</a></li>
                                                <li class="f_md_none"><a href="#" class="color_dark">Add to Compare</a></li>
                                            </ul>
                                        </div>
                                    </figcaption>
                                </figure>
                            </div>
                            <!--product item-->
                            <div class="product_item new w_xs_full">
                                <figure class="r_corners photoframe tr_all_hover type_2 t_align_c shadow relative">
                                    <!--product preview-->
                                    <a href="#" class="d_block relative wrapper pp_wrap m_bottom_15">
                                        <img src="../../PIC/Tea/product_img_3.jpg" class="tr_all_hover" alt="">
                                        <span role="button" data-popup="#quick_view_product" class="button_type_5 box_s_none color_light r_corners tr_all_hover d_xs_none">Quick View</span>
                                    </a>
                                    <!--description and price of product-->
                                    <figcaption>
                                        <h5 class="m_bottom_10"><a href="#" class="color_dark">Cursus eleifend elit aenean.</a></h5>
                                        <div class="clearfix">
                                            <!--rating-->
                                            <ul class="horizontal_list d_inline_b m_bottom_10 type_2 clearfix rating_list tr_all_hover">
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li>
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                            </ul>
                                            <p class="scheme_color f_size_large m_bottom_15">$99.00</p>
                                        </div>
                                        <button class="button_type_4 bg_scheme_color r_corners tr_all_hover color_light mw_0 m_bottom_15">Add to Cart</button>
                                        <div class="clearfix m_bottom_5">
                                            <ul class="horizontal_list d_inline_b l_width_divider">
                                                <li class="m_right_15 f_md_none m_md_right_0"><a href="#" class="color_dark">Add to Wishlist</a></li>
                                                <li class="f_md_none"><a href="#" class="color_dark">Add to Compare</a></li>
                                            </ul>
                                        </div>
                                    </figcaption>
                                </figure>
                            </div>
                            <!--product item-->
                            <div class="product_item specials w_xs_full">
                                <figure class="r_corners photoframe tr_all_hover type_2 t_align_c shadow relative">
                                    <!--product preview-->
                                    <a href="#" class="d_block relative wrapper pp_wrap m_bottom_15">
                                        <img src="../../PIC/Tea/product_img_5.jpg" class="tr_all_hover" alt="">
                                        <span role="button" data-popup="#quick_view_product" class="button_type_5 box_s_none color_light r_corners tr_all_hover d_xs_none">Quick View</span>
                                    </a>
                                    <!--description and price of product-->
                                    <figcaption>
                                        <h5 class="m_bottom_10"><a href="#" class="color_dark">Aliquam erat volutpat</a></h5>
                                        <div class="clearfix">
                                            <!--rating-->
                                            <ul class="horizontal_list d_inline_b m_bottom_10 type_2 clearfix rating_list tr_all_hover">
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li>
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                            </ul>
                                            <p class="scheme_color f_size_large m_bottom_15">$102.00</p>
                                        </div>
                                        <button class="button_type_4 bg_scheme_color r_corners tr_all_hover color_light mw_0 m_bottom_15">Add to Cart</button>
                                        <div class="clearfix m_bottom_5">
                                            <ul class="horizontal_list d_inline_b l_width_divider">
                                                <li class="m_right_15 f_md_none m_md_right_0"><a href="#" class="color_dark">Add to Wishlist</a></li>
                                                <li class="f_md_none"><a href="#" class="color_dark">Add to Compare</a></li>
                                            </ul>
                                        </div>
                                    </figcaption>
                                </figure>
                            </div>
                            <!--product item-->
                            <div class="product_item hit w_xs_full">
                                <figure class="r_corners photoframe tr_all_hover type_2 t_align_c shadow relative">
                                    <!--product preview-->
                                    <a href="#" class="d_block relative wrapper pp_wrap m_bottom_15">
                                        <img src="../../PIC/Tea/product_img_8.jpg" class="tr_all_hover" alt="">
                                        <span role="button" data-popup="#quick_view_product" class="button_type_5 box_s_none color_light r_corners tr_all_hover d_xs_none">Quick View</span>
                                    </a>
                                    <!--description and price of product-->
                                    <figcaption>
                                        <h5 class="m_bottom_10"><a href="#" class="color_dark">Eget elementum vel</a></h5>
                                        <div class="clearfix">
                                            <!--rating-->
                                            <ul class="horizontal_list d_inline_b m_bottom_10 type_2 clearfix rating_list tr_all_hover">
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li>
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                            </ul>
                                            <p class="scheme_color f_size_large m_bottom_15">$102.00</p>
                                        </div>
                                        <button class="button_type_4 bg_scheme_color r_corners tr_all_hover color_light mw_0 m_bottom_15">Add to Cart</button>
                                        <div class="clearfix m_bottom_5">
                                            <ul class="horizontal_list d_inline_b l_width_divider">
                                                <li class="m_right_15 f_md_none m_md_right_0"><a href="#" class="color_dark">Add to Wishlist</a></li>
                                                <li class="f_md_none"><a href="#" class="color_dark">Add to Compare</a></li>
                                            </ul>
                                        </div>
                                    </figcaption>
                                </figure>
                            </div>
                            <!--product item-->
                            <div class="product_item featured w_xs_full">
                                <figure class="r_corners photoframe type_2 t_align_c shadow relative tr_all_hover">
                                    <!--product preview-->
                                    <a href="#" class="d_block relative wrapper pp_wrap m_bottom_15">
                                        <img src="../../PIC/Tea/product_img_4.jpg" class="tr_all_hover" alt="">
                                        <span role="button" data-popup="#quick_view_product" class="button_type_5 box_s_none color_light r_corners tr_all_hover d_xs_none">Quick View</span>
                                    </a>
                                    <!--description and price of product-->
                                    <figcaption>
                                        <h5 class="m_bottom_10"><a href="#" class="color_dark">Ut tellus dolor dapibus</a></h5>
                                        <div class="clearfix m_bottom_15">
                                            <!--rating-->
                                            <ul class="horizontal_list d_inline_b m_bottom_10 type_2 clearfix rating_list tr_all_hover">
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li>
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                            </ul>
                                            <p class="scheme_color f_size_large">$57.00</p>
                                        </div>
                                        <button class="button_type_4 bg_scheme_color r_corners tr_all_hover color_light mw_0 m_bottom_15">Add to Cart</button>
                                        <div class="clearfix m_bottom_5">
                                            <ul class="horizontal_list d_inline_b l_width_divider">
                                                <li class="m_right_15 f_md_none m_md_right_0"><a href="#" class="color_dark">Add to Wishlist</a></li>
                                                <li class="f_md_none"><a href="#" class="color_dark">Add to Compare</a></li>
                                            </ul>
                                        </div>
                                    </figcaption>
                                </figure>
                            </div>
                            <!--product item-->
                            <div class="product_item specials w_xs_full">
                                <figure class="r_corners photoframe tr_all_hover type_2 t_align_c shadow relative">
                                    <!--product preview-->
                                    <a href="#" class="d_block relative wrapper pp_wrap m_bottom_15">
                                        <img src="../../PIC/Tea/product_img_7.jpg" class="tr_all_hover" alt="">
                                        <span role="button" data-popup="#quick_view_product" class="button_type_5 box_s_none color_light r_corners tr_all_hover d_xs_none">Quick View</span>
                                    </a>
                                    <!--description and price of product-->
                                    <figcaption>
                                        <h5 class="m_bottom_10"><a href="#" class="color_dark">Eget elementum vel</a></h5>
                                        <div class="clearfix">
                                            <!--rating-->
                                            <ul class="horizontal_list d_inline_b m_bottom_10 type_2 clearfix rating_list tr_all_hover">
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li>
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                            </ul>
                                            <p class="scheme_color f_size_large m_bottom_15">$99.00</p>
                                        </div>
                                        <button class="button_type_4 bg_scheme_color r_corners tr_all_hover color_light mw_0 m_bottom_15">Add to Cart</button>
                                        <div class="clearfix m_bottom_5">
                                            <ul class="horizontal_list d_inline_b l_width_divider">
                                                <li class="m_right_15 f_md_none m_md_right_0"><a href="#" class="color_dark">Add to Wishlist</a></li>
                                                <li class="f_md_none"><a href="#" class="color_dark">Add to Compare</a></li>
                                            </ul>
                                        </div>
                                    </figcaption>
                                </figure>
                            </div>
                            <!--product item-->
                            <div class="product_item specials w_xs_full">
                                <figure class="r_corners photoframe tr_all_hover type_2 t_align_c shadow relative">
                                    <!--product preview-->
                                    <a href="#" class="d_block relative wrapper pp_wrap m_bottom_15">
                                        <img src="../../PIC/Tea/product_img_9.jpg" class="tr_all_hover" alt="">
                                        <span role="button" data-popup="#quick_view_product" class="button_type_5 box_s_none color_light r_corners tr_all_hover d_xs_none">Quick View</span>
                                    </a>
                                    <!--description and price of product-->
                                    <figcaption>
                                        <h5 class="m_bottom_10"><a href="#" class="color_dark">Cursus eleifend elit aenean.</a></h5>
                                        <div class="clearfix">
                                            <!--rating-->
                                            <ul class="horizontal_list d_inline_b m_bottom_10 type_2 clearfix rating_list tr_all_hover">
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li>
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                            </ul>
                                            <p class="scheme_color f_size_large m_bottom_15">$99.00</p>
                                        </div>
                                        <button class="button_type_4 bg_scheme_color r_corners tr_all_hover color_light mw_0 m_bottom_15">Add to Cart</button>
                                        <div class="clearfix m_bottom_5">
                                            <ul class="horizontal_list d_inline_b l_width_divider">
                                                <li class="m_right_15 f_md_none m_md_right_0"><a href="#" class="color_dark">Add to Wishlist</a></li>
                                                <li class="f_md_none"><a href="#" class="color_dark">Add to Compare</a></li>
                                            </ul>
                                        </div>
                                    </figcaption>
                                </figure>
                            </div>
                            <!--product item-->
                            <div class="product_item rated w_xs_full">
                                <figure class="r_corners photoframe tr_all_hover type_2 t_align_c shadow relative">
                                    <!--product preview-->
                                    <a href="#" class="d_block relative wrapper pp_wrap m_bottom_15">
                                        <img src="../../PIC/Tea/product_img_6.jpg" class="tr_all_hover" alt="">
                                        <span role="button" data-popup="#quick_view_product" class="button_type_5 box_s_none color_light r_corners tr_all_hover d_xs_none">Quick View</span>
                                    </a>
                                    <!--description and price of product-->
                                    <figcaption>
                                        <h5 class="m_bottom_10"><a href="#" class="color_dark">Aliquam erat volutpat</a></h5>
                                        <div class="clearfix">
                                            <!--rating-->
                                            <ul class="horizontal_list d_inline_b m_bottom_10 type_2 clearfix rating_list tr_all_hover">
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li class="active">
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                                <li>
                                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                                    <i class="fa fa-star active tr_all_hover"></i>
                                                </li>
                                            </ul>
                                            <p class="scheme_color f_size_large m_bottom_15">$36.00</p>
                                        </div>
                                        <button class="button_type_4 bg_scheme_color r_corners tr_all_hover color_light mw_0 m_bottom_15">Add to Cart</button>
                                        <div class="clearfix m_bottom_5">
                                            <ul class="horizontal_list d_inline_b l_width_divider">
                                                <li class="m_right_15 f_md_none m_md_right_0"><a href="#" class="color_dark">Add to Wishlist</a></li>
                                                <li class="f_md_none"><a href="#" class="color_dark">Add to Compare</a></li>
                                            </ul>
                                        </div>
                                    </figcaption>
                                </figure>
                            </div>
                        </section>
                        <hr class="m_bottom_10 divider_type_3">
                        <div class="row clearfix m_bottom_15 m_xs_bottom_30">
                            <div class="col-lg-7 col-md-7 col-sm-8 m_xs_bottom_10">
                                <p class="d_inline_middle f_size_medium d_xs_block m_xs_bottom_5">Results 1 - 5 of 45</p>
                                <p class="d_inline_middle f_size_medium m_left_20 m_xs_left_0">Show:</p>
                                <!--show items per page select-->
                                <div class="custom_select f_size_medium relative d_inline_middle m_left_5">
                                    <div class="select_title r_corners relative color_dark">9</div>
                                    <ul class="select_list d_none"></ul>
                                    <select name="show_second">
                                        <option value="Manufacture 1">6</option>
                                        <option value="Manufacture 2">3</option>
                                        <option value="Manufacture 3">1</option>
                                    </select>
                                </div>
                                <p class="d_inline_middle f_size_medium m_left_5">items per page</p>
                            </div>
                            <div class="col-lg-5 col-md-5 col-sm-4 t_align_r t_xs_align_l">
                                <!--pagination-->
                                <a role="button" href="#" class="button_type_10 color_dark d_inline_middle bg_cs_hover bg_light_color_1 t_align_c tr_delay_hover r_corners box_s_none"><i class="fa fa-angle-left"></i></a>
                                <ul class="horizontal_list clearfix d_inline_middle f_size_medium m_left_10">
                                    <li class="m_right_10"><a class="color_dark" href="#">1</a></li>
                                    <li class="m_right_10"><a class="scheme_color" href="#">2</a></li>
                                    <li class="m_right_10"><a class="color_dark" href="#">3</a></li>
                                </ul>
                                <a role="button" href="#" class="button_type_10 color_dark d_inline_middle bg_cs_hover bg_light_color_1 t_align_c tr_delay_hover r_corners box_s_none"><i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>
                    </section>
                    <!--right column-->
                    <aside class="col-lg-3 col-md-3 col-sm-3">
                        <!--compare products-->
                        <figure class="widget shadow r_corners wrapper m_bottom_30">
                            <figcaption>
                                <h3 class="color_light">温馨提示</h3>
                            </figcaption>
                            <div class="widget_content">
                                世界有多大，我心就有多远……
                            </div>
                        </figure>
                        <!--banner-->
                        <a href="#" class="d_block r_corners m_bottom_30">
                            <img src="../../PIC/Tea/banner_img_6.jpg" alt="">
                        </a>
                        <!--Bestsellers-->
                        <figure class="widget shadow r_corners wrapper m_bottom_30">
                            <figcaption>
                                <h3 class="color_light">你可能感兴趣</h3>
                            </figcaption>
                            <div class="widget_content">
                                <div class="clearfix m_bottom_15">
                                    <img src="../../PIC/Index_m/product_img_3.jpg" alt="" class="f_left m_right_15 m_sm_bottom_10 f_sm_none f_xs_left m_xs_bottom_0">
                                    <a href="#" class="color_dark d_block bt_link">南川土猪肉</a>
                                    <!--rating-->
                                    <ul class="horizontal_list clearfix d_inline_b rating_list type_2 tr_all_hover m_bottom_10">
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li>
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                    </ul>
                                    <p class="scheme_color">￥61.00</p>
                                </div>
                                <hr class="m_bottom_15">
                                <div class="clearfix m_bottom_15">
                                    <img src="../../PIC/Index_m/product_img_4.jpg" alt="" class="f_left m_right_15 m_sm_bottom_10 f_sm_none f_xs_left m_xs_bottom_0">
                                    <a href="#" class="color_dark d_block bt_link">南川花果</a>
                                    <!--rating-->
                                    <ul class="horizontal_list clearfix d_inline_b rating_list type_2 tr_all_hover m_bottom_10">
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li class="active">
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                        <li>
                                            <i class="fa fa-star-o empty tr_all_hover"></i>
                                            <i class="fa fa-star active tr_all_hover"></i>
                                        </li>
                                    </ul>
                                    <p class="scheme_color">￥20.00</p>
                                </div>
                            </div>
                        </figure>
                    </aside>
                </div>
            </div>
        </div>

        <!--页尾-->
        <footer id="footer">
            <div class="footer_top_part">
                <div class="container">
                    <div class="row clearfix">
                        <div class="col-lg-3 col-md-3 col-sm-3 m_xs_bottom_30">
                            <h3 class="color_light_2 m_bottom_20">关于我们</h3>
                            <p class="m_bottom_25">
                                南川区位于重庆南部，地处渝黔、渝湘经济带交汇点，
                                属重庆城市发展新区，东南与贵州省道真、正安、桐梓县接壤，东北与武隆县为邻，
                                北接涪陵区，西连巴南区、綦江区。
                                境内的金佛山被誉为“南方如初佛地，巴蜀第一名山”，
                                素有“北有峨眉、南有金佛，东朝普陀、西拜金佛”之说。
                                先后被评为全国文化先进区、中国楹联文化之乡、民间歌舞之乡、笙歌苗舞之乡、板凳龙舞之乡。
                            </p>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3 m_xs_bottom_30">
                            <h3 class="color_light_2 m_bottom_20">购物指南</h3>
                            <ul class="vertical_list">
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">账户自助服务<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">新账户注册<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">配送说明<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">怎么样下订单<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">支付方式<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">帮助中心<i class="fa fa-angle-right"></i></a></li>
                            </ul>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3 m_xs_bottom_30">
                            <h3 class="color_light_2 m_bottom_20">常见问题</h3>
                            <ul class="vertical_list">
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">退换货流程<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">服务保证承诺<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">账号密码问题<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">交易条款<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">关于商家加盟<i class="fa fa-angle-right"></i></a></li>
                                <li><a class="color_light tr_delay_hover" href="../../Front/Aboutus">关于开发商<i class="fa fa-angle-right"></i></a></li>
                            </ul>
                        </div>
                        <div class="col-lg-3 col-md-3 col-sm-3">
                            <h3 class="color_light_2 m_bottom_20">意见收集</h3>
                            <p class="f_size_medium m_bottom_15">我们平台购买的商品保证我们平台购买的商品保证我们平台购买的商品保证我们平台购买的商品保证</p>
                            <form id="newsletter">
                                <input type="email" placeholder="您的意见" class="m_bottom_20 r_corners f_size_medium full_width" name="newsletter-email">
                                <button type="submit" class="button_type_8 r_corners bg_scheme_color color_light tr_all_hover">提交</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!--copyright part-->
            <div class="footer_bottom_part">
                <div class="container clearfix t_mxs_align_c">
                    <div class="jianyi"> </div>
                    <p class="f_left f_mxs_none m_mxs_bottom_10"><span class="color_light"><a>重庆理工大学花溪校区</a></span>&nbsp;&nbsp;|&nbsp;&nbsp;计算机科学与工程——钟意&nbsp;&nbsp;&copy; Copyright 2016 CQUT</p>
                    <ul class="f_right horizontal_list clearfix f_mxs_none d_mxs_inline_b">
                        <li><img src="../../PIC/index_m/payment_img_1.png" alt=""></li>
                        <li class="m_left_5"><img src="../../PIC/index_m/payment_img_2.png" alt=""></li>
                        <li class="m_left_5"><img src="../../PIC/index_m/payment_img_3.png" alt=""></li>
                        <li class="m_left_5"><img src="../../PIC/index_m/payment_img_4.png" alt=""></li>
                        <li class="m_left_5"><img src="../../PIC/index_m/payment_img_5.png" alt=""></li>
                    </ul>
                </div>
            </div>
        </footer>
    </div>
    <!--右边小框-->
    <ul class="social_widgets d_xs_none">
        <!--facebook-->
        <li class="relative">
            <button class="sw_button t_align_c facebook"><i class="fa fa-phone"></i></button>
            <div class="sw_content">
                <h3 class="color_dark m_bottom_20">热线电话: <br />(023) 1234-4567</h3>

            </div>
        </li>
        <!--twitter feed-->
        <li class="relative">
            <button class="sw_button t_align_c twitter"><i class="fa fa-envelope-o"></i></button>
            <div class="sw_content">
                <h3 class="color_dark m_bottom_20">您的意见</h3>
                <form id="contactform" class="mini">
                    <textarea class="f_size_medium r_corners full_width m_bottom_20" placeholder="请输入……" name="cf_message"></textarea>
                    @*<button type="submit" class="button_type_4 r_corners mw_0 tr_all_hover color_dark bg_light_color_2">发送</button>*@
                    <a role="button" class="button_type_4 d_inline_b r_corners tr_all_hover color_light tw_color" href="#">点击发送</a>
                </form>
            </div>
            @*<div class="sw_content">
                    <h3 class="color_dark m_bottom_20">Latest Tweets</h3>
                    <div class="twitterfeed m_bottom_25"></div>
                    <a role="button" class="button_type_4 d_inline_b r_corners tr_all_hover color_light tw_color" href="#">Follow on Twitter</a>
                </div>*@
        </li>
        <!--contact form-->
        <li class="relative">
            <button class="sw_button t_align_c contact"><i class="fa fa-map-marker"></i></button>
            <div class="sw_content">
                <h3 class="color_dark m_bottom_20">所在地址</h3>
                <ul class="c_info_list">
                    <li class="m_bottom_10">
                        <div class="clearfix m_bottom_15">
                            <i class="fa fa-map-marker f_left color_dark"></i>
                            <p class="contact_e">重庆市巴南区,<br> 红光大道69号</p>
                        </div>

                    </li>
                    <li class="m_bottom_10">
                        <div class="clearfix m_bottom_10">
                            <i class="fa fa-phone f_left color_dark"></i>
                            <p class="contact_e">800-559-65-80</p>
                        </div>
                    </li>
                    <li class="m_bottom_10">
                        <div class="clearfix m_bottom_10">
                            <i class="fa fa-envelope f_left color_dark"></i>
                            <a class="contact_e default_t_color" href="mailto:#">123456789@qq.com</a>
                        </div>
                    </li>
                    <li>
                        <div class="clearfix">
                            <i class="fa fa-clock-o f_left color_dark"></i>
                            <p class="contact_e">发货时间:<br />星期一 - 星期五: 08：00-20：00 <br>星期六 - 星期日: 09：00-15：00</p>
                        </div>
                    </li>
                </ul>
            </div>

        </li>
        <!--contact info-->
        <li class="relative">
            <button class="sw_button t_align_c googlemap"><i class="fa fa-question-circle"></i></button>
            <div class="sw_content">
                <h3 class="color_dark m_bottom_20"><a href="../../Front/Aboutus">帮助中心</a></h3>

            </div>
        </li>
    </ul>
    <!--custom popup-->
    <div class="popup_wrap d_none" id="quick_view_product">
        <section class="popup r_corners shadow">
            <button class="bg_tr color_dark tr_all_hover text_cs_hover close f_size_large"><i class="fa fa-times"></i></button>
            <div class="clearfix">
                <div class="custom_scrollbar">
                    <!--left popup column-->
                    <div class="f_left half_column">
                        <div class="relative d_inline_b m_bottom_10 qv_preview">
                            <span class="hot_stripe"><img src="../../PIC/index_m/sale_product.png" alt=""></span>
                            <img src="../../PIC/index_m/quick_view_img_1.jpg" class="tr_all_hover" alt="">
                        </div>
                        <!--carousel-->
                        <div class="relative qv_carousel_wrap m_bottom_20">
                            <button class="button_type_11 t_align_c f_size_ex_large bg_cs_hover r_corners d_inline_middle bg_tr tr_all_hover qv_btn_prev">
                                <i class="fa fa-angle-left "></i>
                            </button>
                            <ul class="qv_carousel d_inline_middle">
                                <li data-src="../../PIC/index_m/quick_view_img_1.jpg"><img src="../../PIC/index_m/quick_view_img_4.jpg" alt=""></li>
                                <li data-src="../../PIC/index_m/quick_view_img_2.jpg"><img src="../../PIC/index_m/quick_view_img_5.jpg" alt=""></li>
                                <li data-src="../../PIC/index_m/quick_view_img_3.jpg"><img src="../../PIC/index_m/quick_view_img_6.jpg" alt=""></li>
                                <li data-src="../../PIC/index_m/quick_view_img_1.jpg"><img src="../../PIC/index_m/quick_view_img_4.jpg" alt=""></li>
                                <li data-src="../../PIC/index_m/quick_view_img_2.jpg"><img src="../../PIC/index_m/quick_view_img_5.jpg" alt=""></li>
                                <li data-src="../../PIC/index_m/quick_view_img_3.jpg"><img src="../../PIC/index_m/quick_view_img_6.jpg" alt=""></li>
                            </ul>
                            <button class="button_type_11 t_align_c f_size_ex_large bg_cs_hover r_corners d_inline_middle bg_tr tr_all_hover qv_btn_next">
                                <i class="fa fa-angle-right "></i>
                            </button>
                        </div>
                        <div class="d_inline_middle">Share this:</div>
                        <div class="d_inline_middle m_left_5">
                            <!-- AddThis Button BEGIN -->
                            <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                <a class="addthis_button_preferred_1"></a>
                                <a class="addthis_button_preferred_2"></a>
                                <a class="addthis_button_preferred_3"></a>
                                <a class="addthis_button_preferred_4"></a>
                                <a class="addthis_button_compact"></a>
                                <a class="addthis_counter addthis_bubble_style"></a>
                            </div>
                            <!-- AddThis Button END -->
                        </div>
                    </div>
                    <!--商品信息框-->
                    <div class="f_right half_column">
                        <!--description-->
                        <h2 class="m_bottom_10"><a href="#" class="color_dark fw_medium">Eget elementum vel</a></h2>
                        <div class="m_bottom_10">
                            <!--rating-->
                            <ul class="horizontal_list d_inline_middle type_2 clearfix rating_list tr_all_hover">
                                <li class="active">
                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                    <i class="fa fa-star active tr_all_hover"></i>
                                </li>
                                <li class="active">
                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                    <i class="fa fa-star active tr_all_hover"></i>
                                </li>
                                <li class="active">
                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                    <i class="fa fa-star active tr_all_hover"></i>
                                </li>
                                <li class="active">
                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                    <i class="fa fa-star active tr_all_hover"></i>
                                </li>
                                <li>
                                    <i class="fa fa-star-o empty tr_all_hover"></i>
                                    <i class="fa fa-star active tr_all_hover"></i>
                                </li>
                            </ul>
                            <a href="#" class="d_inline_middle default_t_color f_size_small m_left_5">1 Review(s) </a>
                        </div>
                        <hr class="m_bottom_10 divider_type_3">
                        <table class="description_table m_bottom_10">
                            <tr>
                                <td>Manufacturer:</td>
                                <td><a href="#" class="color_dark">Chanel</a></td>
                            </tr>
                            <tr>
                                <td>Availability:</td>
                                <td><span class="color_green">in stock</span> 20 item(s)</td>
                            </tr>
                            <tr>
                                <td>Product Code:</td>
                                <td>PS06</td>
                            </tr>
                        </table>
                        <h5 class="fw_medium m_bottom_10">Product Dimensions and Weight</h5>
                        <table class="description_table m_bottom_5">
                            <tr>
                                <td>Product Length:</td>
                                <td><span class="color_dark">10.0000M</span></td>
                            </tr>
                            <tr>
                                <td>Product Weight:</td>
                                <td>10.0000KG</td>
                            </tr>
                        </table>
                        <hr class="divider_type_3 m_bottom_10">
                        <p class="m_bottom_10">Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consecvtetuer adipiscing elit. </p>
                        <hr class="divider_type_3 m_bottom_15">
                        <div class="m_bottom_15">
                            <s class="v_align_b f_size_ex_large">$152.00</s><span class="v_align_b f_size_big m_left_5 scheme_color fw_medium">$102.00</span>
                        </div>
                        <table class="description_table type_2 m_bottom_15">
                            <tr>
                                <td class="v_align_m">Size:</td>
                                <td class="v_align_m">
                                    <div class="custom_select f_size_medium relative d_inline_middle">
                                        <div class="select_title r_corners relative color_dark">s</div>
                                        <ul class="select_list d_none"></ul>
                                        <select name="product_name">
                                            <option value="s">s</option>
                                            <option value="m">m</option>
                                            <option value="l">l</option>
                                        </select>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="v_align_m">Quantity:</td>
                                <td class="v_align_m">
                                    <div class="clearfix quantity r_corners d_inline_middle f_size_medium color_dark">
                                        <button class="bg_tr d_block f_left" data-direction="down">-</button>
                                        <input type="text" name="" readonly value="1" class="f_left">
                                        <button class="bg_tr d_block f_left" data-direction="up">+</button>
                                    </div>
                                </td>
                            </tr>
                        </table>
                        <div class="clearfix m_bottom_15">
                            <button class="button_type_12 r_corners bg_scheme_color color_light tr_delay_hover f_left f_size_large">Add to Cart</button>
                            <button class="button_type_12 bg_light_color_2 tr_delay_hover f_left r_corners color_dark m_left_5 p_hr_0"><i class="fa fa-heart-o f_size_big"></i><span class="tooltip tr_all_hover r_corners color_dark f_size_small">Wishlist</span></button>
                            <button class="button_type_12 bg_light_color_2 tr_delay_hover f_left r_corners color_dark m_left_5 p_hr_0"><i class="fa fa-files-o f_size_big"></i><span class="tooltip tr_all_hover r_corners color_dark f_size_small">Compare</span></button>
                            <button class="button_type_12 bg_light_color_2 tr_delay_hover f_left r_corners color_dark m_left_5 p_hr_0 relative"><i class="fa fa-question-circle f_size_big"></i><span class="tooltip tr_all_hover r_corners color_dark f_size_small">Ask a Question</span></button>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    <button class="t_align_c r_corners tr_all_hover animate_ftl" id="go_to_top"><i class="fa fa-angle-up"></i></button>
    <!--scripts include-->
    <script src="../../Scripts/index/jquery-2.1.0.min.js"></script>
    <script src="../../Scripts/index/jquery-migrate-1.2.1.min.js"></script>
    <script src="../../Scripts/index/retina.js"></script>
    <script src="../../Scripts/index/camera.min.js"></script>
    <script src="../../Scripts/index/jquery.easing.1.3.js"></script>
    <script src="../../Scripts/index/waypoints.min.js"></script>
    <script src="../../Scripts/index/jquery.isotope.min.js"></script>
    <script src="../../Scripts/index/owl.carousel.min.js"></script>
    <script src="../../Scripts/index/jquery.tweet.min.js"></script>
    <script src="../../Scripts/index/jquery.custom-scrollbar.js"></script>
    <script src="../../Scripts/index/scripts.js"></script>
</body>
</html>